<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-menu</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Menu">
    <lztier>LZ Components</lztier>
    <lzcategory>Menu and Command</lzcategory>
    <lzshortdesc>
        menubarやmenuitem、viewの中で使用できる、プルダウン形式のメニューです。
    </lzshortdesc>
    <lztag>lz/menu.xml</lztag>
</lzelement>

<p><tagname>menu</tagname>タグはアクティブな時に他のviewよりも上に表示される
メニューを作成します。メニューが<classname>menubar</classname>の子要素である場合、
<attribute>text</attribute>属性で指定したテキストつきの "menubutton"が作成されます。
この"menubutton"は<tagname>button</tagname>の各プロパティを継承します。
</p>

<p>
子要素の<tagname link="true">menuitem</tagname>と<tagname
link="true">menuseparator</tagname>を使用した、メニューの典型的な使用例を以下に示します。
しかし、menuitemの親はmenuそのものではなく、内部に作成されたmenuの一部である<tagname
link="true">floatinglist</tagname>であることに注意して下さい。 menuitemや
他の子viewからmenuにアクセスするには"<code>parent.owner</code>"を参照して下さい。
</p>

<example title="using the menubar">
&lt;canvas debug="true" height="230"&gt;
  &lt;debug y="100"/&gt;
  &lt;menubar width="200" &gt;
    &lt;menu text="Menu 1" width="100"&gt;
      &lt;menuitem text="Item 1" onselect="canvas.whichOne(this);"/&gt;
      &lt;menuitem text="Item 2" onselect="canvas.whichOne(this);"/&gt;
      &lt;menuitem text="Item 3" onselect="canvas.whichOne(this);"/&gt;
      &lt;menuseparator/&gt;           
      &lt;menuitem text="Item 4" onselect="canvas.whichOne(this);"/&gt;   
    &lt;/menu&gt; 
    &lt;menu text="Menu 2" width="100"&gt;
      &lt;menuitem text="More items..." onselect="canvas.whichOne(this);"/&gt;  
    &lt;/menu&gt;
  &lt;/menubar&gt;

  &lt;method name="whichOne" args="vThis"&gt;
    Debug.write(vThis.parent.owner.text + " - "+ vThis.text);
  &lt;/method&gt;
&lt;/canvas&gt;
</example>

<example title="simple menu">
&lt;canvas debug="true" height="235"&gt;
  &lt;debug y="105"/&gt;
  &lt;button text="openMenu below"&gt;
    &lt;menu name="topmenu" attach="bottom"&gt;
      &lt;menuitem text="item 1"/&gt;
      &lt;menuitem text="item 2"&gt;
        &lt;menu name="submenu"&gt;
          &lt;menuitem text="subitem 1"/&gt;
          &lt;menuitem text="subitem 2"/&gt;
        &lt;/menu&gt;
      &lt;/menuitem&gt;
    &lt;/menu&gt;
    
    &lt;method event="onmousedown"&gt;
      this.topmenu.setOpen(true);
    &lt;/method&gt;
  &lt;/button&gt;
&lt;/canvas&gt;
</example>

<seealso>
<tags>command menuitem menubar menuseparator floatinglist</tags>
<component-design id="menus" title="Menus"/>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
